<div class="signup">
    <div class="signup__head">
        <input type="hidden" id="socAuth_vk_client_id" value="2347715"/>
        <input type="hidden" id="socAuth_vk_redirect_uri" value="http://lovetime.com/socialnetworksauth/default/popup?network=vkontakte"/>
        <input type="hidden" id="socAuth_vk_display" value="popup"/>
        <input type="hidden" id="socAuth_facebook_client_id" value="<?= $fb_app_id ?>"/>
        <input type="hidden" id="socAuth_facebook_redirect_uri" value="<?= url_create('site', 'account', 'index') ?>"/>
        <button id="socialAuthFacebook" class="in-button in-button_facebook" title="<?= lang('Login via Facebook') ?>"><span class="in-button_facebook__button"><?= lang('Facebook') ?></span></button>
    </div>
    <style type="text/css">
        .signup__space {
            margin-right: 4px;
        }
        .signup__space_large {
            margin-right: 10px;
        }
        .in-text_name,
        .in-text_email,
        .in-text_password {
            width: 190px;
        }
    </style>
    <div class="registration-form signup-panel-type-signup">
        <form>
            <div class="n-signup-sex">
                <?= lang("I'm") ?>        <span class="signup__field">
                    <label class="in-radio signup-label-name-sex in-radio_man"><input tabindex="1" type="radio" name="sex" class="in-radio__input" value="1" /><span class="in-radio__text"><?= lang("Male") ?></span></label>
                    <?= lang("or") ?>            <label class="in-radio signup-label-name-sex in-radio_woman"><input tabindex="2" type="radio" name="sex" class="in-radio__input" value="0" /><span class="in-radio__text"><?= lang("Female") ?></span></label>
                </span>
                <input type="hidden" name="sex_search" class="signup__field-name-sex_search" value="" />
            </div>
            <div class="signup__cols">
                <div class="signup__cols__left">
                    <div class="signup__cols__row">
                        <span class="signup__field">
                            <select tabindex="3" disabled="disabled" data-placeholder="<?= lang("Country") ?>" data-no_results_text=" " data-width="160px" class="input-chosen signup__space in-text vhidden">
                                <option></option><option value="43" selected>Vietnam</option>                    </select>
                            <input type="hidden" name="country" value="43" />
                        </span>
                        <div class="signup__field">
                            <div class="city-disabled"></div>
                            <select tabindex="4" name="city" class="input-chosen signup__space in-text vhidden" data-width="189px" data-placeholder="<?= lang("City") ?>" data-no_results_text=" ">
                                <option></option><option value="5838" selected>Hà Nội</option><option value="17671">Biên Hòa</option><option value="17670">Cần Thơ</option><option value="17667">Hạ Long</option><option value="5837">Hải Phòng</option><option value="5845">Hòn Gai</option><option value="5844">Huế</option><option value="5836">Nam Định</option><option value="5841">Nha Trang</option><option value="5842">Phan Thiết</option><option value="5846">Pleiku</option><option value="17666">Quy Nhơn</option><option value="5840">TP. Hồ Chí Minh</option><option value="5843">Vinh</option><option value="5839">Vũng Tàu</option><option value="17669">Đà Lạt</option><option value="17668">Đà Nẵng</option>                    </select>
                        </div>
                    </div>
                    <div class="signup__cols__row">
                        <span class="signup__field">
                            <input tabindex="8" type="text" placeholder="<?= lang("Name") ?>" class="in-text signup__space_large in-text_name" name="name" />
                        </span>
                        <span class="signup__field">
                            <input tabindex="9" type="text" placeholder="<?= lang("Email") ?>" class="in-text in-text_email" name="email" />
                        </span>
                    </div>
                </div>
                <div class="signup__cols__center"><span class="signup__and"></span></div>
                <div class="signup__cols__right">
                    <div class="signup__cols__row">
                        <span class="signup__field">
                            <select tabindex="5" name="birth_day" class="input-chosen in-text vhidden" data-width="76px" data-placeholder="<?= lang("Day") ?>" data-no_results_text=" "><option></option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option>                    </select>
                        </span>
                        <span class="signup__field">
                            <select tabindex="6" name="birth_month" class="input-chosen in-text vhidden" data-width="128px" data-placeholder="<?= lang("Month") ?>" data-no_results_text=" "><option></option><option value="1">Tháng 1</option><option value="2">Tháng 2</option><option value="3">Tháng 3</option><option value="4">Tháng 4</option><option value="5">Tháng 5</option><option value="6">Tháng 6</option><option value="7">Tháng 7</option><option value="8">Tháng 8</option><option value="9">Tháng 9</option><option value="10">Tháng 10</option><option value="11">Tháng 11</option><option value="12">Tháng 12</option>                    </select>
                        </span>
                        <span class="signup__field">
                            <select tabindex="7" name="birth_year" class="input-chosen in-text vhidden" data-width="128px" data-placeholder="<?= lang("Year") ?>" data-no_results_text=" "><option></option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option>                    </select>
                        </span>
                    </div>
                    <div class="signup__cols__row">
                        <span class="signup__field">
                            <input tabindex="10" type="password" name="password" placeholder="<?= lang("Password") ?>" class="in-text in-text_password signup__space_large" />
                        </span>
                        <span class="signup__submit">
                            <span class="signup__loader"></span>
                            <input tabindex="11" type="submit" class="in-submit in-submit_wide" value="Đăng ký" />
                        </span>
                    </div>
                </div>
            </div>
        </form>
        <div class="signup__license"><?= lang("register_confirm", "#") ?></a></div>
    </div>
    <div class="login-form signup-panel-type-signin hidden">
        <form action="http://lovetime.com/site/login" method="post">
            <div class="signup__cols">
                <div class="signup__cols__left">
                    <div class="signup__cols__row2">
                        <span class="signup__field">
                            <input tabindex="1" type="text" name="LoginForm[email]" placeholder="Email" class="in-text in-text_email" />
                        </span>
                    </div>
                    <div class="signup__cols__row2">
                        <label class="in-radio in-text_email signup__text signup__checkbox-alien"><input tabindex="4" type="checkbox" name="LoginForm[alien]" class="in-radio__input" value="1" /><span class="in-radio__text"><?= lang("not_my_computer") ?></span></label>
                    </div>
                </div>
                <div class="signup__cols__center signup__cols__center_top"><span class="signup__and"></span>
                </div>
                <div class="signup__cols__right">
                    <div class="signup__cols__row2">
                        <span class="signup__field">
                            <input tabindex="2" type="password" name="LoginForm[password]" placeholder="<?= lang("Password") ?>" class="in-text signup__space_large" />
                        </span>
                        <span class="signup__submit">
                            <span class="signup__loader"></span>
                            <input tabindex="3" type="submit" class="in-submit" value="Đăng nhập" />
                        </span>
                    </div>
                    <div class="signup__cols__row2">
                        <span class="signup__text in-text_password">
                            <a href="users/forgotpass.html"><?= lang("forgot_pass") ?></a>
                        </span>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="signup-slide n-slide-panel">
    <div class="n-slide-button">
        <ins><?= lang('login') ?></ins>
    </div>
</div>